<!doctype html>
<html>
<head>
    <title>DGPT4711 asm 1</title>
    <style>
		body {
          margin: 0;
          padding: 0;
          background-image: url('beijing2.png'); 
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
}
        html, body {
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center; 
            align-items: center;
        }
        .content {
            text-align: center; 
            padding: 20px; 
          border: 1px solid #ccc; 
          box-shadow: 0 0 10px rgba(0, 0, 0.1, 0.1);
        }
    </style>
</head>
<body>
    <div class="content">
        <h1>characters intro</h1>
        <img src="/image/beijing2.png" width="420px"> 
        <h3><a href="/travel">=> Show the main introduced characters <=</a></h3>
    </div>
</body>
</html>